<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta blitz-debugger="localhost">
    <meta name="viewport" content="width=1920">
    <title>index</title>
    <link rel="stylesheet" href="./css/base.css"/>
    <link rel="stylesheet" href="./css/index.css"/>
</head>
<body fe-role="Switch" style="width: 1920px; height: 1280px; background-color: #1c1f2b">
    <div id="index" class="main">
        <div id="navigation-wrapper" class="navigation-wrapper" fe-role="Scroll" fe-goto=";;1;"
             fe-cfg="scroll_dir:h,default_focus:yes,auto_list_width:yes,scroll_duration:0.3,scroll_easing:ease-out">
            <div id="navigation-list" class="scroll-list"></div>
        </div>
        <div id="content-wrapper" class="content-wrapper" fe-role="Scroll" fe-index="1"
             fe-cfg="scroll_dir:h,scroll_duration:0.3,auto_list_width:yes,scroll_easing:ease-out">
            <div id="content-list" class="scroll-list"></div>
        </div>
    </div>

    <script src="js/LogUtil.js"></script>
    <script src="js/FocusEngine.js"></script>
    <script src="js/zepto.js"></script>
    <script src="js/testData.js"></script>
    <script src="ContentView.js"></script>
    <script src="ScrollManager.js"></script>
    <script>
        window.onload = function(){
            console.log('------------------- onload -----------------');
            var navgationWrapperDom = $('#navigation-list').get(0);
            var contentWrapperDom = $('#content-list').get(0);
            var scrollManager = new ScrollManager(navgationWrapperDom, contentWrapperDom);
            console.log(scrollManager);
            console.log(scrollManager.initView);
            console.log(window.TestData);
            scrollManager.initView(window.TestData);
        }
    </script>
</body>
</html>
